<template>
  <view class="health-check-in-task-card">
    <image :src="taskCardPlaceholder" />
    <view class="task-card-title">晒早餐</view>
  </view>
</template>
<script lang="ts">
import taskCardPlaceholder from "../../../../../assets/images/task-card-placeholder.svg";
export default {
  data() {
    return {
      taskCardPlaceholder
    };
  }
};
</script>
<style lang="less">
.health-check-in-task-card {
  @img-size: 136rpx;
  image {
    width: @img-size;
    height: @img-size;
    margin-bottom: 16rpx;
  }

  .task-card-title {
    width: @img-size;
    text-align: center;
    font-size: 22rpx;
  }
}
</style>
